<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js" charset="utf-8"></script>
  </head>
  <body>
    <!-- angular表达是应该写在{{}}内 -->
    <!-- 可以包含文字 运算符 变量 -->
    <!-- ng-init 自定义变量 -->
    <!-- ng-bind 绑定变量 -->
    <!-- ng-model 将元素值绑定到应用程序中 -->
    <!-- ng-init/ng-bind通称为指令 -->
    <!-- ng-repeat 遍历输出 -->

    <!-- <div ng-app="" ng-init="count=2;money=5;who='吕超';what='做俯卧撑'">
      <p>
        {{count*money}}
      </p>
      <p ng-bind="count * money">

      </p>
      <p>
        {{who+what}}
      </p>
      <p ng-bind="who+what">

      </p>
    </div> -->

  <!-- <div ng-app="" ng-init="lvchao={sex:'女',age:'14',height:'180'};number=[12,21,45,23]">
    <p>
      {{lvchao.sex}}
    </p>
    <p>
      {{lvchao.age}}
    </p>
    <p>
      {{number[0]}}
    </p>
  </div> -->

  <!-- <div ng-app="" ng-init="name='王丽';what='仙女'">
    <input type="text" ng-model="name">
    <input type="text" ng-model="what">
    <span>{{name}}</span>是<span>{{what}}</span>
  </div> -->

<!-- 遍历输出 -->
<!-- <div ng-app="" ng-init="students=['吕超','范冰冰','Angelbaby','吴亦凡']">
  <ul>
    <li ng-repeat='student in students'>{{student}}</li>
  </ul>
</div> -->

<!-- 对象数组结合使用 -->

<div ng-app="" ng-init="student=[{name:'lc',age:'33',sex:'nv'},{name:'cw',age:'12',sex:'男'},{name:'ql',age:'19',sex:'未知'}]">
  <ul>
    <li ng-repeat="stu in student">
      姓名:{{stu.name}} 年龄:{{stu.age}}性别:{{stu.sex}}
    </li>
  </ul>
  </div>

<!-- <div ng-app="" ng-init="student=[{name:'王丽',sex:'女',age:'18'},{name:'吴亦凡',sex:'男',age:'18'},name:'Angelbaby',sex:'女',age:'18']">
  <ul>
    <li ng-repeat="stu in student">
     姓名:{{stu.name}} 年龄:{{stu.age}} 性别:{{stu.sex}}
    </li>
  </ul>
</div> -->
  </body>
</html>
